.page {
	min-height: 100vh;
	background: linear-gradient(180deg, #383A3E 0%, #121212 100%);
	padding-bottom: 250rpx;
	box-sizing: border-box;
}
.content {
	padding-top: 20rpx;
	padding-left: 60rpx;
	padding-right: 60rpx;
	box-sizing: border-box;
	&_wifi {
		height: 176rpx;
		border-radius: 76rpx;
		padding: 0 32rpx;
		box-sizing: border-box;
		background: linear-gradient(to bottom,rgba(26, 27, 30, 1),rgba(53, 54, 56, 1));
		&_icon {
			width: 100rpx;
			height: 100rpx;
			border-radius: 50%;
		}
		&_connect {
			background: url("@/static/images/wifi_bg.png") no-repeat;
			background-size: 100%;
			width: 100rpx;
			height: 100rpx;
			&_icon {
				width: 42rpx;
				height: 42rpx;
			}
		}
		&_info {
			margin-left: 30rpx;
			&_label {
				font-size: 30rpx;
				color: #ffffff;
				font-weight: 700;
			}
			&_number {
				font-size: 24rpx;
				color: rgba(136, 136, 136, 1);
				margin-top: 16rpx;
			}
		}
		&_btn {
			font-size: 20rpx;
			color: #ffffff;
			width: 115rpx;
			height: 72rpx;
			border-radius: 96rpx;
			text-align: center;
			line-height: 70rpx;
			background: linear-gradient(to bottom,rgba(72, 228, 239, 1),rgba(43, 206, 181, 1));
		}
		&_close {
			&_icon {
				width: 176rpx;
				height: 176rpx;
			}
		}
	}
	&_record {
		margin-top: 100rpx;
		&_box {
			width: 450rpx;
			height: 450rpx;
			background: url("@/static/images/index_record_bg.png") no-repeat;
			background-size: 100%;
			border-radius: 50%;
			&_inner {
				width: 150rpx;
				height: 150rpx;
				background: url("@/static/images/index_record_btn_active.png") no-repeat;
				background-size: 100%;
				&_label {
					font-size: 28rpx;
					color: #ffffff;
				}
			}
			&_active {
				background: url("@/static/images/index_record_btn.png") no-repeat;
				background-size: 100%;
			}
		}
	}
	&_video {
		margin-top: 50rpx;
		height: 450rpx;
		padding: 30rpx 40rpx;
		box-sizing: border-box;
		background: url("@/static/images/video_bg.png") no-repeat;
		background-size: 100%;
		&_title {
			font-size: 30rpx;
			color: #ffffff;
			font-weight: 700;
		}
		&_list {
			margin-top: 20rpx;
			height: 300rpx;
		}
		&_nodata {
			font-size: 24rpx;
			color: #999999;
			text-align: center;
		}
	}
}



